﻿/*公用样式*/
html,body{width:100%; height:100%;overflow-x: hidden;}
html{}
body{width:100%;font:12px/2 "Microsoft Yahei","SimSun",Verdana, Arial, Helvetica, sans-serif;position:relative;background:#f9f9f9;}
*{margin:0;padding:0;}
img{border:none;}
.f-l{float:left;}
.f-r{float:right;}
input{color:#565656;font-size:12px;border: 1px solid #ccc; outline: none;}
input,img{vertical-align:middle;}
ul,li{list-style-type:none;}
a{text-decoration: none;}
.pointer{ cursor:pointer}
.text-center{text-align: center;}
.c-b:after{
	display: block;
	content: "";
	clear: both;
}
/*主体样式控制*/
.login_bg { width: 100%; height: 100%; position: relative; background: url('../images/loginbg2.png') center 87px no-repeat;background-size:100% auto; }
.header{
    padding:10px;
}
.logo{

}
.logo img{

}
.loginContainer{
    box-shadow:0 0 50px 1px rgba(0,0,0,0.3);
    width:300px;
    height:400px;
    position:absolute;
    top:50%;
    left:50%;
    margin:-200px 0 0 -150px;
    background:#fff;
}
.login_way{
    position:relative;
    height:50px;
}
.login_way_txt{
    position:absolute;
    right:60px;
    top:15px;
    height:20px;
    background:#8ec319;
    line-height:20px;
    padding:0 10px;
    color:#fff;
}
.login_way_txt:after{
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-left: 10px solid #8ec319;
    border-bottom: 5px solid transparent;
    display:block;
    content:"";
    position:absolute;
    right:-10px;
    top:5px;
}
.login_way_icon{
    display:block;
    width:50px;
    height:50px;
    position:absolute;
    top:0;
    right:0;
    opacity:0.5;
    cursor:pointer;
    transition:opacity 0.3s;
}
.login_way_icon:hover{
    opacity:1;
}
.way_for_ewm { 
    background: url('../images/way_ewm.png') top right no-repeat;
}
.way_for_code { 
    background: url('../images/way_code.png') top right no-repeat;
}
.login_menu{
    margin:0 20px;
    border-bottom:1px solid #ddd;
}
.login_menu span{
    display:block;
    float:left;
    width:50%;
    height:40px;
    line-height:40px;
    text-align:center;
    font-size:14px;
    color:#999;
    cursor:pointer;
    transition:color 0.3s;
}
.login_menu span.act{
    border-bottom:2px solid #26569e;
    color:#26569e;
}
.login_menu span:hover{
    color:#555;
}

.login_content{
    margin:0 20px;
    padding:20px 0;
}
.login_content.act{
    display:block;
}
.lg-input-block{
    border:1px solid #eee;
    border-radius:3px;
    height:36px;
    margin-bottom:15px;
}
.lg-input-inline{
    display:inline-block;
    height:36px;
}
.lg-input-block:hover,.lg-input-inline:hover{
    box-shadow:0 0 1px 0 #26569e;
}
.lg-input{
    border:none;
    outline:none;
    height:36px;
    font-size:14px;
    padding:0 10px;
    box-sizing:border-box;
}
.lg-input-has-line{
    border:1px solid #eee;
    border-radius:3px;
    height:36px;
}

.lg-input-block span.fa{
    float:left;
    width:36px;
    height:36px;
    text-align:center;
    line-height:36px;
    font-size:1.5em;
    color:#ccc;
}
.lg-input-block .lg-input{
    border-left:1px solid #eee;
    height:20px;
    margin:9px 0;
}
.lg-code-box{

}
.lg-code-box .lg-input-inline{
    width:50%;
    float:left;
}
.lg-code-box .lg-input-inline .lg-input{
    width:100%;
}
.lg-code-box .lg-code-box-img{
    padding:0 10px;
    box-sizing:border-box;
}

.lg-login{
    margin:0 20px;
}
.lg-btn{
    display:inline-block;
    width:100%;
    height:38px;
    text-align:center;
    line-height:34px;
    background:#fff;
    border:1px solid #eee;
    border-radius:3px;
    outline:none;
    cursor:pointer;
    box-sizing:border-box;
}
.lg-btn-inline{
    width:auto;
    padding:0 10px;
}
.lg-btn-primary{
    background:#26569e;
    color:#fff;
    opacity:0.8;
    transition:opacity 0.2s;
}
.lg-btn-primary:hover{
    opacity:1;
}
.lg-btn-info{
    color: #fff;
	background: #5bc0de;
    opacity:0.8;
    transition:opacity 0.2s;
}
.lg-btn-info:hover{
    opacity:1;
}
.getCode{
    float:right;
}
.txtCode {
    width:160px;float:left;
}
    .txtCode input{
        width:100px;
    }
    .CodeTimes {
        display: none;
    }
.ewm_content{
    width:100%;
    height:350px;
    position:absolute;
    top:50px;
    left:0;
    background:#fff;
    text-align:center;
}
.ewm_content span.tit{
    font-size:16px;
    font-weight:bold;
}
.ewm_content .ewm{
    width:200px;
    margin:0 auto;
}
.ewm_content .ewm img{
    width:100%;
}
.ewm_content .tips{
    color:#999;
}

.copyright{
    position:absolute;
    bottom:0;
    left:0;
    text-align:center;
    width:100%;
    color:#999;
    padding:10px 0;
}